<template>
  <view class="page flex-col">
    <view class="mod1 flex-col">
      <view class="layer1 flex-col">
        <view class="outer1 flex-col">
          <view class="box1 flex-row">
            <text class="word1">9:41</text>
            <view class="main1 flex-col"></view>
            <view class="main2 flex-col"></view>
            <view class="main3 flex-col"></view>
          </view>
          <view class="box2 flex-row justify-between">
            <view class="TextGroup1 flex-col justify-between">
              <text class="txt1">资讯</text>
              <text class="txt2">234条最新消息</text>
            </view>
            <view class="section1 flex-col"></view>
          </view>
          <view class="box3 flex-row">
            <view class="mod2 flex-col">
              <view class="mod3 flex-row justify-between">
                <text class="info1">更新</text>
                <view class="outer2 flex-col">
                  <text class="word2">排行</text>
                </view>
                <text class="word3">促销</text>
              </view>
            </view>
          </view>
        </view>
        <view class="outer3 flex-col">
          <view class="wrap1 flex-row">
            <view class="bd1 flex-col"></view>
            <view class="bd2 flex-col justify-between">
              <text class="info2">猎影人</text>
              <text class="word4">粉丝&nbsp;321K</text>
            </view>
            <text class="txt3">TOP1</text>
          </view>
          <view class="wrap2 flex-row">
            <view class="bd3 flex-col"></view>
            <view class="bd4 flex-col justify-between">
              <text class="word5">北极考拉</text>
              <text class="word6">粉丝&nbsp;321K</text>
            </view>
            <text class="word7">TOP2</text>
          </view>
          <view class="wrap3 flex-row">
            <text class="txt4">Pink&nbsp;Chimney</text>
          </view>
          <view class="wrap4 flex-row justify-between">
            <text class="txt5">粉丝&nbsp;228K</text>
            <text class="info3">TOP3</text>
          </view>
          <view class="wrap5 flex-row">
            <view class="group1 flex-col"></view>
            <view class="group2 flex-col justify-between">
              <text class="word8">金针菇</text>
              <text class="word9">粉丝&nbsp;&nbsp;123K</text>
            </view>
            <text class="txt6">4TH</text>
          </view>
          <view class="wrap6 flex-row justify-between">
            <view class="ImageText1 flex-row justify-between">
              <view class="mod4 flex-col"></view>
              <view class="TextGroup2 flex-col justify-between">
                <text class="info4">李淡淡</text>
                <text class="info5">粉丝&nbsp;98K</text>
              </view>
            </view>
            <text class="info6">5TH</text>
          </view>
          <view class="wrap7 flex-row justify-between">
            <view class="ImageText2 flex-row justify-between">
              <view class="group3 flex-col"></view>
              <view class="TextGroup3 flex-col justify-between">
                <text class="word10">金金小张</text>
                <text class="txt7">粉丝&nbsp;66K</text>
              </view>
            </view>
            <text class="word11">6TH</text>
          </view>
          <view class="wrap8 flex-col"></view>
        </view>
        <view class="outer4 flex-col"></view>
      </view>
    </view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang='css'>
@import '../common/common.css';
@import './assets/style/index.rpx.css';
</style>
